<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--
		<link rel="stylesheet" type="text/css" href="styles.css">
		-->
<title>知识学院</title>
<%--<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">--%>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="keywords" content="">
<link rel="shortcut icon"
	href="<%=basePath%>resources/images/favicon.ico" />
<link href="resources/bootstrap/css/bootstrap-huan.css" rel="stylesheet">
<link href="resources/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<link href="resources/css/style.css" rel="stylesheet">
<!-- Javascript files -->
<style type="text/css">
.form-group {
	margin-bottom: 5px;
	height: 59px;
}
.popover-options{

	max-height: 150px;
	overflow-y: auto;
}
</style>
</head>

<body>
	<jsp:include page="header.jsp"/>
	<div class="content" style="margin-bottom: 100px;">

		<div class="container">
			<div class="row">

				<div class="col-md-12">
					<div class="lrform">
						<h5>注册账号</h5>
						<span class="form-message"></span>
						<div class="form">
							<!-- Register form (not working)-->
							<form class="form-horizontal" id="form-create-account"
								action="user-reg">
								<div class="form-line form-username" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>用户名：</span>
									<input type="text" class="df-input-narrow" id="name-add"
										maxlength="20" onchange="create_account.checkUsername()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-password" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>密码：</span>
									<input type="password" class="df-input-narrow" id="password-add"
										maxlength="20" onchange="create_account.checkPassword()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-password-confirm" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>重复密码：</span>
									<input type="password" class="df-input-narrow" id="password-add-confirm"
										maxlength="20" onchange="create_account.checkConfirmPassword()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-truename" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>真实姓名：</span>
									<input type="text" class="df-input-narrow" id="truename-add"
										maxlength="20" onchange="create_account.checkTrueName()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-national-id" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>身份证号：</span>
									<input type="text" class="df-input-narrow" id="national-id-add"
										maxlength="18" onchange="create_account.checkNationalId()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-phone" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>手机：</span>
									<input type="text" class="df-input-narrow" id="phone-add"
										maxlength="18" onchange="create_account.checkPhoneNum()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-email" style="display: block;">
									<span class="form-label"><span class="warning-label">*</span>邮箱：</span>
									<input type="text" class="df-input-narrow" id="email-add"
										maxlength="60" onchange="create_account.checkEmail()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-company" style="display: none;">
									<span class="form-label"><span class="warning-label"></span>单位：</span>
									<input type="text" class="df-input-narrow" id="company-add"
										maxlength="60" onchange="create_account.checkCompany()"> <span class="form-message"></span> <br>
								</div>
								<div class="form-line form-department" style="display: block;">
									<span class="form-label"><span class="warning-label"></span>部门单位：</span>
									<select id="department-input-select" class="df-input-narrow" onchange="create_account.checkDepartment()">
										<option value="-1">--请选择--</option>
										<c:forEach items="${depList }" var="item">
											<option value="${item.depId }">${item.depName }</option>
										</c:forEach>
									</select>
									<span class="form-message"></span>
									<br>
								</div>
								<div class="form-line form-code">
									<span class="form-label"><span class="warning-label"></span>验证码：</span>
									<input type="text"  class="df-input-narrow" name="validate_code" id="validate_code">
									<img alt="验证码" id="imagecode" src="image.jsp" onclick="changeVilidateCode(this)" title="点击图片刷新验证码" />
									<span class="form-message"></span><br>
								</div>

								<!-- Checkbox -->
								<div class="form-group form-confirm">
									<div class="col-md-9 col-md-offset-3">
										<!--触发模态框-->
										<a type="button"  data-toggle="modal" data-target="#myModal">请先点击阅读并同意条款后注册</a>
										<!--模态框-->
										<div class="modal fade" id="myModal" aria-labelledbly="myModalLable" aria-hidden="true" style="margin-top: 150px;">
											<div id="modal">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h4 class="modal-title" id="myModalLable" style="text-align: center">在线培训考试系统条款</h4>
														</div>
														<!--框体-->
														<div class="modal-body" style="height: 400px; overflow-y: auto;">
															一、服务条款的确认和接纳
															<br>
															xxxx在线培训考试系统（以下简称“本系统”）及其涉及到的产品、相关软件的所有权和运作权归xxxxx有限公司所有，本系统享有对本系统上一切活动的监督、提示、检查、纠正及处罚等权利。用户通过注册程序阅读本服务条款并点击"同意"按钮完成注册，即表示用户与本系统已达成协议，自愿接受本服务条款的所有内容。如果用户不同意服务条款的条件，则不能获得使用服务以及注册成为本系统用户的权利。<br>
															二．服务保护条款<br>
															1.本系统不能公开用户的姓名、住址、出件地址、电子邮箱、帐号。除非:<br>
															（1）事先获得用户明确授权后，用户要求本系统或授权某人通过电子邮件服务或其他方式透露这些信息。<br>
															（2）相应的法律、法规要求以及按照有关政府主管部门的要求，需要本系统提供用户的个人资料。<br>
															（3）为了维护公众以及本系统合法利益。<br>
															（4）本系统可能会与第三方合作向用户提供相关的网络服务，在此情况下，如该第三方同意承担与本系统同等的保护用户隐私的责任，则本系统有权将用户的注册资料等提供给该第三方。<br>
															（5）在不透露单个用户隐私资料的前提下，本系统有权对整个用户数据库进行分析并对用户数据库进行商业上的利用。<br>
															2.本系统定义的信息内容包括:文字、软件、声音、相片、录像、图表；在广告中全部内容；本系统为用户提供的商业信息等，所有这些内容受版权、商标权、和其它知识产权及所有权法律的保护。所以，用户不能擅自复制、修改、编撰这些内容、或创造与内容有关的衍生产品。<br>
															3.本系统使用者严禁向外部泄露本系统的网址、知识库等相关信息。<br>
															4.如果用户未遵守本服务条款的任何一项，本系统有权利即终止提供一切服务，并保留通过法律手段追究责任的权利。<br>
															三．用户使用规则
															<br>
															特别提示用户，使用互联网必须遵守国家有关的政策和法律，包括刑法、国家安全法、保密法、计算机信息系统安全保护条例等，保护国家利益，保护国家安全，对于违法使用本系统而引起的一切责任，由用户负全部责任。 
															<br>
															1.用户在申请使用本系统提供的网络服务时，必须向本系统提供准确的个人资料，如个人资料有任何变动，必须及时更新。<br>
															2.用户注册成功后，本系统将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。<br>
															3.用户不得使用本系统服务发送或传播敏感信息和违反国家法律制度的信息，包括但不限于下列信息（1）反对宪法所确定的基本原则的；<br>
															（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；<br>
															（3）损害国家荣誉和利益的；<br>
															（4） 煽动民族仇恨、民族歧视，破坏民族团结的；<br>
															（5）破坏国家宗教政策，宣扬邪教和封建迷信的；<br>
															（6）散布谣言，扰乱社会秩序，破坏社会稳定的；<br>
															（7） 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；<br>
															（8） 侮辱或者诽谤他人，侵害他人合法权益的；<br>
															（9）含有法律、行政法规禁止的其他内容的；<br>
															4.用户在使用本系统络服务过程中，必须遵循以下原则:
															<br>
															（1）遵守中国有关的法律和法规；<br>
															（2） 不得为任何非法目的而使用网络服务系统；<br>
															（3）遵守所有与网络服务有关的网络协议、规定和程序；<br>
															（4）不得利用本系统网络服务系统进行任何可能对互联网的正常运转造成不利影响的行为；<br>
															（5）不得利用本系统网络服务系统传输任何骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料；<br>
															（6）不得利用本系统网络服务系统进行任何不利于 千橡 公司的行为；<br>
															5.使用本系统服务，用户应加强个人资料的保护意识，并注意个人密码的密码保护，不得外泄，不得给他人使用，如有发现，必定严惩。<br>
															6.盗取他人用户帐号或利用网络通讯骚扰他人，均属于非法行为。用户不得采用测试、欺骗等任何非法手段，盗取其他用户的帐号和对他人进行骚扰。<br>
															7.用户保证在本系统上传的信息资料真实有效，不涉及知识产权及法律纠纷，并不可外泄。<br>
															8.用户需保证一次只能在一台设备上使用本系统，如被监控到一个账号曾在多台设备上使用过该系统，则认为用户违反本协议。<br>
															五．服务修订
															<br>
															本系统特别提示用户，本系统为了保障公司业务发展和调整的自主权， 本系统拥有随时修改或中断服务而不需通知用户的权利，本系统行使修改或中断服务的权利不需对用户或任何第三方负责。用户必须在同意本条款的前提下，本系统才开始对用户提供服务。<br>
															六．用户的帐号、密码和安全性
															<br>
															用户一旦成功注册，将得到一个密码和帐号。如果用户未保管好自己的帐号和密码而对其自身、本系统或第三方造成的损害，用户将负全部责任。另外，每个用户都要对其帐户中的所有活动和事件负全责。用户可随时改变自己的密码和图标，也可以结束旧的帐户重开一个新帐户。用户同意若发现任何非法使用用户帐号或安全漏洞的情况，立即通告本系统。<br>
															七.免责申明
															<br>
															用户如做出违背本条款的行为，后果一切由用户个人承担，公司概不负责。<br>
															八.未经本系统同意禁止进行商业性行为
															<br>
															用户承诺不经本系统书面同意，不能利用本系统各项服务在本系统或相关网站上进行销售或其他商业性行为。用户违反此约定，本系统将依法追究其违约责任，由此给本系统造成损失的，本系统有权进行追偿。<br>
															九.结束服务
															<br>
															用户或本系统可随时根据实际情况中断服务。本系统不需对任何个人或第三方负责而随时中断服务。用户若反对任何服务条款的建议或对后来的条款修改有异议，或对本系统服务不满，用户享有以下的追索权:<br>
															（1）不再使用本系统及（或）本系统的服务；<br>
															（2）结束用户使用本系统及（或）本系统服务的资格；<br>
															（3）书面通告本系统停止该用户的服务；<br>
															结束用户服务后，用户使用本系统服务的权利马上中止。从那时起，本系统不再对用户承担任何义务；<br>
															十.知识产权
															<br>
															用户保证和声明对其所提供的作品拥有完整的合法的著作权或完整的合法的授权可以用于其在本系统上从事的活动，保证本系统使用该作品不违反国家的法律法规，也不侵犯第三方的合法权益或承担任何义务。用户应对其所提供作品因形式、内容及授权的不完善、不合法所造成的一切后果承担完全责任。对于经用户本人创作并上传到本系统的文本、图片、图形、音频或视频等。因用户作品的违法或侵害第三人的合法权益而导致本系统或其关联公司对第三方承担任何性质的赔偿、补偿或罚款而遭受损失（直接的、间接的、偶然的、惩罚性的和继发的损失），用户对于本系统或其关联公司蒙受的上述损失承担全面的赔偿责任。<br>
															十一.内容的所有权
															<br>
															内容的定义包括:文字、软件、声音、相片、录象、图表；在广告中的全部内容；电子邮件的全部内容。所有这些内容均属于本公司资产。所以，用户只能在本系统和广告商授权下才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。<br>
															十二.免责与赔偿声明
															<br>
															1.用户明确同意其使用本系统网络服务所存在的风险将完全由其自己承担；因其使用本系统服务而产生的一切后果也由其自己承担，本系统对用户不承担任何责任。<br>
															2.用户同意保障和维护本系统及其他用户的利益，由于用户登录网站内容违法、不真实、不正当、侵犯第三方合法权益，或用户违反本协议项下的任何条款而给本系统或任何其他第三人造成损失，用户同意承担由此造成的损害赔偿责任。<br>
															二十二．其他
															<br>
															1.以上条款的解释权归本系统最终所有。<br>

															<label class="checkbox-inline">
																<input type="checkbox" id="inlineCheckbox1" value="agree" onclick="check()"> <a>
																我已阅读并同意系统条款</a>
															</label>
														</div>
														<!--尾部-->
														<div class="modal-footer">
															<button class="btn btn-default" data-dismiss="modal">关闭</button>
														</div>
													</div>
												</div>
											</div>
										</div>
										<span class="form-message"></span>
									</div>
								</div>


								<!-- Buttons -->
								<div class="form-group">
									<!-- Buttons -->
									<div class="col-md-9 col-md-offset-3">
										<button type="submit" class="btn" id="btn-reg" disabled="true">注册账号</button>
										<button type="reset" class="btn">重置</button>
									</div>
								</div>
							</form>
							已有账号? <a href="user-login-page">直接登录</a>
						</div>
					</div>

				</div>
			</div>

		</div>

	</div>
	<jsp:include page="footer.jsp"/>

	<!-- Slider Ends -->
	<!-- jQuery -->
	<script type="text/javascript"
		src="resources/js/jquery/jquery-1.9.0.min.js"></script>
	<!-- Bootstrap JS -->
	<script type="text/javascript"
		src="resources/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="resources/js/all.js"></script>
	<script type="text/javascript" src="resources/js/register.js"></script>
</body>
<script>
	function check() {
		if ($("input[type='checkbox']").is(':checked')){
			$("#myModal").modal('hide');
			$("#btn-reg").attr('disabled',false);
		}else{
			$("#btn-reg").attr('disabled',true);
		}
	}
	function changeVilidateCode() {
		var time = new Date().getTime();
		document.getElementById("imagecode").src="image.jsp?time="+time;
	}
</script>
</html>
